<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
<!--
* { margin:0; padding:0;}
a {
	text-decoration:none;
	color: #000;
}
ul {
	list-style:none;
	margin:0px;
}
li {
	float:left;
	color:#000;
}
.top_div {
	position: fixed;
	background:url(../images/header_bg.jpg) repeat-x;
	width:100%;
	height:45px;
}
.top_title_div {
	position:absolute;
	width:320px;
	height:40px;
	margin-top:4px;
	left:50%;
	margin-left:-160px;
}
.top_title_div li {
	line-height:40px;
	width:80px;
	text-align:center;
}
.top_title_div span {
	color:#FFF;
	font-family:"黑体";
	font-size: 20px;
	height:40px;
	line-height:40px;
	cursor:pointer;
}
.sale_div {
	position:absolute;
	width:1000px;
	height:800px;
	left:50%;
	margin-left:-500px;
}
.title_focus {
	background:url(../images/main_title_focus.png);
}
.form_div {
	position:absolute;
	background:#CCC;
	width:850px;
	height:100px;
	top: 54px;
	left: 85px;
}
.form_title_div {
	position:absolute;
	width:642px;
	height:29px;
	z-index:1;
}
.product_name_title{
	width:55%;
}
.product_size_title{
	width:15%;
}
.product_color_title{
	width:15%;
}
.product_num_title{
	width:15%;
}
.form_inner_div {
	position:absolute;
	width:772px;
	height:57px;
	left: 34px;
	top: 21px;
}
.product_name_input {
	line-height:33px;
	height:33px;
	width:295px;
	border:none;
	padding-left:5px;
	font-size:18px;
}
.product_other_input {
	line-height:33px;
	height:33px;
	width:95px;
	border:none;
	padding-left:5px;
	font-size:18px;
}
#submit {
	position:absolute;
	background: url(../images/submit_big.png) no-repeat;
	height:52px;
	line-height:52px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	border:0px;
	color:#fff;
	cursor:pointer;
}
-->
</style>

</head>
<script src="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">

</script>
<body>
<div class="top_div">
  <div class="top_title_div">
    <ul>
    <!--
      <li id="purchaseTitle"><span>进货</span></li>
      <li id="saleTitle"><span>出货</span></li>
      <li id="storeTitle"><span>库存</span></li>
      <li id="reportTitle"><span>报表</span></li>
      -->
      
      <li id="purchaseTitle"><span onClick="onFocus('purchaseTitle')">进货</span></li>
      <li id="saleTitle" class="title_focus"><span onClick="onFocus('saleTitle')">出货</span></li>
      <li id="storeTitle"><span onClick="onFocus('storeTitle')">库存</span></li>
      <li id="reportTitle"><span onClick="onFocus('reportTitle')">报表</span></li>      
    </ul>
  </div>
</div>
<div class="sale_div">
  <div class="form_div">
  <!--
    <div class="form_title_div">
      <ul>
        <li class="product_name_title">名称</li>
        <li class="product_size_title">尺码</li>
        <li class="product_color_title">颜色</li>
        <li class="product_num_title">剩余</li>
      </ul>
    </div>
    -->
  <div class="form_inner_div">
    <input class="product_name_input" type="text"/>
    <input class="product_other_input" type="text"/>
    <input class="product_other_input" type="text"/>
    <input class="product_other_input" type="text"/>
    <input id="submit" type="submit" value="确定"/>
  </div>
  </div>
</div>
</body>
</html>
